<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>ZHANGYUE</title>
    <link rel="icon" href="zy.jpg.png" type="ZHANGYUE">
    <link rel="stylesheet" href="style.css">
</head>

<body>
    <div class="container">
        <div class="nav">
            <div><img src="zy.jpg.png" height="50" width="50"></div>

            <div><a href="#one">Home</a></div>
            <div><a href="#two">About</a></div>
            <div><a href="#three">Works</a></div>
            <div><a href="#four">Contact</a></div>

        </div>
        <div class="first">

            <div id="one" class="header">
                <div>
                    <h1>ZHANG YUE</h1>
                    <h4>A beginner</h4>
                </div>
                <img src="zy.jpg.png" height="650">
                <a href="#" class="box"></a>
            </div>
        </div>
        <div class="article">
            <div class="suo">
                <p>"所有的惊艳，都来自长久的努力；"</p>
                <p> "所有的幸运，都源自不懈的坚持。"</p>
            </div>
        </div>
        <div id="two" class="about">
            <h1 class="o">ABOUT</h1>
            <div class="top"></div>
            <div class="tou"><img src="头.jpg" height="390" width="350"></div>
            <div class="second">
                <h1>张悦</h1>
                <h4>一个初学者</h4>
                <div>
                    <p>张悦，2000年10月30日出生，天蝎座，四川射洪人。爱好绘画、追剧、旅游、听音乐。现就读于成都东软学院数字艺术系艺术与科技专业。</p>
                    <p>"所有的惊艳，都来自长久的努力；所有的幸运，都源自不懈的坚持"这句话一直都激励我不断努力、不断进步。</p>
                </div>
            </div>
        </div>
        <div id="three" class="works">
            <h1 class="o">WORKS</h1>

            <div class="bao">
                <div class="ph"><img src="11.jpg.jpg" height="400" width="300"></div>
                <div class="ai"><a href="#o">海报</a></div>
            </div>

            <div class="ce">
                <div class="pk"><img src="p5-p6.jpg" height="400" width="800"></div>
                <div class="ua"><a href="#t">画册</div></a></div>
            </div>
            <div id="o" class="one">
                <h1 class="y">海报</h1>

                <div><img class="yi" src="13.jpg.jpg" height="297" width="210"></div>
                <div><img class="yi" src="14.jpg.jpg" height="297" width="210"></div>
                <div><img class="yi" src="11.jpg.jpg" height="297" width="210"></div>
                <div><img class="er" src="17.jpg.jpg" height="297" width="210"></div>
                <div><img class="er" src="16.jpg.jpg" height="297" width="210"></div>
                <div><img class="er" src="15.jpg.jpg" height="297" width="210"></div>
            </div>

            <div id="t" class="two">
                <h1 class="y">画册</h1>

                <div><img class="san" src="p3-p4.jpg" height="150" width="300"></div>
                <div><img class="san" src="p5-p6.jpg" height="150" width="300"></div>
                <div><img class="san" src="p7-p8.jpg" height="150" width="300"></div>
                <div><img class="si" src="p9-p10.jpg" height="150" width="300"></div>
                <div><img class="si" src="p11-p12.jpg" height="150" width="300"></div>
                <div><img class="si" src="p13-p14.jpg" height="150" width="300"></div>

            </div>
            <div id="four" class="contact">
                <h1 class="o">CONTACT</h1>
                <div class="bu"><img src="zy.jpg.png" height="650">
                    <div class="wei">
                        <p>微信：zy15228679679</p>
                        <p>QQ:2796096984</p>
                        <p>邮箱：2796096984qq.com</p>
                        <p>所在地：四川省成都市成都东软学院</p>
                        <div class="dong"><a href="https://www.nsu.edu.cn/" target="blank">东软</a></div>

                    </div>
                </div>


            </div>
            <div class="footer">
                <div><img src="zy.jpg.png" height="200">

                </div>
                <p>ZY.All rights reserved.</p>

            </div>
        </div>

</body>

</html>